<!DOCTYPE html>
<html>
<head>
	<title>vue实例</title>
	<meta charset="utf-8">
	<script type="text/javascript" src="./js/vue.js"></script>
	<style type="text/css">
		
		
	</style>
</head>
<body>
	<div id="app">
		<child @mouseenter.native="handle"></child>  
		 <!-- 为了区分这个click事件，说明这个click事件时原生点击事件，而不是子组件自定义的事件，这里需要给click一个修饰符.native -->
	</div>
</body>
<script type="text/javascript">
	Vue.component("child",{
		template:"<div>child</div>"
	})
	

	var vm = new Vue({
		el:"#app",
		data:{
	
		},
		methods:{
			handle:function() {
				alert(55555)
			}
		}
		

	})



		
</script>
</html>